<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<% String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/"; %>
<html>
<head>
  <meta charset="utf-8">
  <base href="<%=basePath%>">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>苏半夏的个人博客</title>
  <meta content="" name="description">
  <meta content="" name="keywords">
  <link rel="shortcut icon" type="image/x-icon" href="assets/img/logo/blog_icon.png">
  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  <!-- Vendor CSS Files -->
  <link href="assets/vendor-self/aos/aos.css" rel="stylesheet">
  <link href="assets/vendor-self/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor-self/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor-self/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor-self/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/vendor-self/swiper/swiper-bundle.min.css" rel="stylesheet">
  <!-- Template Main CSS File -->
  <link href="assets/css/style-self.css" rel="stylesheet">
</head>
<body>
  <header id="header" class="d-flex flex-column justify-content-center">

    <nav id="navbar" class="navbar nav-menu">
      <ul>
        <li><a href="#hero" class="nav-link scrollto active"><i class="bx bx-home"></i> <span>顶部</span></a></li>
        <li><a href="#about" class="nav-link scrollto"><i class="bx bx-user"></i> <span>个人简介</span></a></li>
        <li><a href="#skills" class="nav-link scrollto"><i class="bi bi-pencil-square"></i> <span>了解技术</span></a></li>
        <li><a href="#resume" class="nav-link scrollto"><i class="bx bx-file-blank"></i> <span>学习经历</span></a></li>
        <li><a href="javascript:history.go(-1);" class="nav-link scrollto"><i class="bi bi-reply-fill"></i> <span>返回上一页</span></a></li>
      </ul>
    </nav><!-- .nav-menu -->

  </header><!-- End Header -->

  <!-- ======= Hero Section ======= -->
   <section id="hero" class="d-flex flex-column justify-content-center">
    <div class="container" data-aos="zoom-in" data-aos-delay="100">
      <h1>苏半夏</h1>
      <p>I'm <span class="typed" data-typed-items="Student, Developer, Freelancer"></span></p>
    </div>
  </section><!-- End Hero -->
  <main id="main">
    <!-- ======= About Section ======= -->
    <section id="about" class="about">
      <div class="container" data-aos="fade-up">

        <div class="section-title">
          <h2>个人简介</h2>
        </div>

        <div class="row">
          <div class="col-lg-4">
            <img src="assets/img/self/profile-img.png" class="img-fluid" alt="">
          </div>
          <div class="col-lg-8 pt-4 pt-lg-0 content">
            <h3>该专业的学生，掌握了不专业的技术</h3>
            <p class="fst-italic">
              终日昏昏醉梦间，忽闻春尽强登山。
              因过竹院逢僧话，偷得浮生半日闲。
            </p>
            <div class="row">
              <div class="col-lg-6">
                <ul>
                  <li><i class="bi bi-chevron-right"></i> <strong>生日:</strong> <span>5 June 2002</span></li>
                  <li><i class="bi bi-chevron-right"></i> <strong>学历:</strong> <span>本科</span></li>
                  <li><i class="bi bi-chevron-right"></i> <strong>籍贯:</strong> <span>山西</span></li>
                </ul>
              </div>
              <div class="col-lg-6">
                <ul>
                  <li><i class="bi bi-chevron-right"></i> <strong>年龄:</strong> <span>20</span></li>
                  <li><i class="bi bi-chevron-right"></i> <strong>邮箱:</strong> <span>3228314370@qq.com</span></li>
                  <li><i class="bi bi-chevron-right"></i> <strong>职业:</strong> <span>学生</span></li>
                </ul>
              </div>
            </div>
            <p>
             说来也是惭愧，勉强也能说成科班出身的自己吧(虽然学校可能一般)，能力可以说贫瘠的有点可怜。项目学习练习上也是屡屡开摆，至今两年才堪堪做出这样的一个不大不小不出彩的项目，勉强算是第一个纯粹自己写的一个SSM项目。当然，
             后台部分自己也写了，但是在这里就没有展示了。写的很普通，页面效果展示的也一般般，毕竟学后台的也就只会用个js混口饭了。如果一些朋友在使用的过程中觉得加载缓慢，不用担心，一定是我的问题(doge),sql方面吧，也就是把crud完成了，具体的查询效率吧，数据库这方面的知识确实不到位，
             不过之后这个博客也会大更新，可能会有更多的功能，底层框架也会改变，就留给之后的慢慢学习吧。
            </p>
          </div>
        </div>

      </div>
    </section><!-- End About Section -->


    <!-- ======= Skills Section ======= -->
    <section id="skills" class="skills section-bg">
      <div class="container" data-aos="fade-up">

        <div class="section-title">
          <h2>了解技术</h2>
          <p>日日依山看荃湾，帽山青青无改颜。我问海山何时老，清风问我几时闲。不是闲人闲不得，能闲必非等闲人。</p>
        </div>

        <div class="row skills-content">

          <div class="col-lg-6">

            <div class="progress">
              <span class="skill">HTML <i class="val">勉强看得懂页面</i></span>
              <div class="progress-bar-wrap">
                <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
              </div>
            </div>

            <div class="progress">
              <span class="skill">CSS <i class="val">还认得几个词</i></span>
              <div class="progress-bar-wrap">
                <div class="progress-bar" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
              </div>
            </div>

            <div class="progress">
              <span class="skill">JavaScript <i class="val">能用jQuery联系联系后台</i></span>
              <div class="progress-bar-wrap">
                <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
              </div>
            </div>

          </div>

          <div class="col-lg-6">

            <div class="progress">
              <span class="skill">Java <i class="val">主学语言，说得过去</i></span>
              <div class="progress-bar-wrap">
                <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
              </div>
            </div>

            <div class="progress">
              <span class="skill">SSM <i class="val">这个博客使用的框架，勉强及格</i></span>
              <div class="progress-bar-wrap">
                <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
              </div>
            </div>

            <div class="progress">
              <span class="skill">SpringBoot <i class="val">还在学习，前途一片光明(也许)</i></span>
              <div class="progress-bar-wrap">
                <div class="progress-bar" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
              </div>
            </div>

          </div>

        </div>

      </div>
    </section><!-- End Skills Section -->

    <!-- ======= Resume Section ======= -->
    <section id="resume" class="resume">
      <div class="container" data-aos="fade-up">

        <div class="section-title">
          <h2>学习经历</h2>
          <p>清江一曲抱村流，长夏江村事事幽。自去自来堂上燕，相亲相近水中鸥。
            老妻画纸为棋局，稚子敲针作钓钩。多病所须唯药物，微躯此外更何求</p>
        </div>
        <div class="row">
          <div class="col-lg-6">
            <h3 class="resume-title">前端学习</h3>
            <div class="resume-item">
              <h4>JS + JQUERY</h4>
              <h5>2021 - 2022</h5>
              <p><em>我认为最重要的前端知识</em></p>
              <p>其实在之前学习HTML的时候，也学习过一定的js知识，不过都是些极其简单不入流的内容。之后系统性的学习了js，又学习jQuery，这种知识是相对来说特别重要的，jQuery选择器在参与后台渲染方面特别重要，也是学习的非常认真，做项目的时候使用了很多次</p>
            </div>
            <div class="resume-item">
              <h4>HTML + CSS</h4>
              <h5>2020 - 2021</h5>
              <p><em>感觉不是很重要的内容</em></p>
              <p>感觉HTML和CSS对于我这样的后台人员来说并不是特别重要的内容，当然了，就是让我写，以我的审美能力写出的东西肯定也是缺点美感的，无法和那些前端大佬相比，而且前后端分离的大环境肯定也不需要我去写前端的内容，我只需要看懂会改即可，快乐摆烂(doge)</p>
            </div>
          </div>
          <div class="col-lg-6">
            <h3 class="resume-title">后端学习</h3>
            <div class="resume-item">
              <h4>SpringBoot + VUE</h4>
              <h5>2022 - 现在</h5>
              <p><em>很重要的新技术，还在学习</em></p>
              <p>没什么好说的重要，也是比较新的技术，学习后端必不可少的技术，还在学习，有了这几次SSM项目的经验，应该可以按时掌握</p>
            </div>
            <div class="resume-item">
              <h4>Spring + SpringMVC + MyBatis</h4>
              <h5>2021 - 2022</h5>
              <p><em>最基本的技术，学了最久时间，也是这个博客的框架</em></p>
              <p>这个框架学得最久吧，虽然不如SpringBoot那样更加简洁方便，但我觉得也是挺重要，也是学的时间比较认真比较久的，也花了很多时间在项目上，算是对于之前的一些总结也算是对于之后SpringBoot学习的一个铺垫，如今也算是顺利毕业，虽然博客实现功能比较普遍，但是也算一分耕耘一分收获吧</p>
            </div>
            <div class="resume-item">
              <h4>JavaEE + B/S</h4>
              <h5>2020 - 2021</h5>
              <p><em>最敷衍的学习，一年的开摆时光</em></p>
              <p>这个没啥好说的了其实，当时学的也比较敷衍，当时学习的第一感觉就是麻烦，没有SSM那么方便简洁，学起来就非常枯燥，在自己学完做了一个项目之后就抓紧进入SSM框架的学习了</p>
            </div>
          </div>
        </div>

      </div>
    </section><!-- End Resume Section -->
  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
  <footer id="footer">
    <div class="container">
      <h3>苏 半 夏</h3>
      <p>With the earth and the sky and the water,
        remade, like a casket of gold
        For my dreams of your image that blossoms
        a rose in the deeps of my heart.</p>
      <p>For My NingNing</p>
    </div>
  </footer><!-- End Footer -->

  <div id="preloader"></div>
  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Vendor JS Files -->
  <script src="assets/vendor-self/aos/aos.js"></script>
  <script src="assets/vendor-self/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor-self/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor-self/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor-self/php-email-form/validate.js"></script>
  <script src="assets/vendor-self/purecounter/purecounter.js"></script>
  <script src="assets/vendor-self/swiper/swiper-bundle.min.js"></script>
  <script src="assets/vendor-self/typed.js/typed.min.js"></script>
  <script src="assets/vendor-self/waypoints/noframework.waypoints.js"></script>
  <!-- Template Main JS File -->
  <script src="assets/js/main-self.js"></script>
</body>
</html>